import { motion } from "motion/react";

export function TasksDone(props: { width?: number; height?: number }) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={props.width ?? 564}
      height={props.height ?? 424}
      fill="none"
      viewBox="-40 0 630 424"
    >
      <path
        fill="#ECC94B"
        d="M361.835 194.167c0 50.86-41.23 92.09-92.09 92.09-33.367 0-62.597-17.756-78.773-44.352-8.464-13.919-13.317-30.246-13.317-47.738 0-50.861 41.23-92.09 92.09-92.09 26.897 0 51.124 11.549 67.977 29.944 14.972 16.402 24.113 38.22 24.113 62.146"
      ></path>
      <path
        fill="#F6E05E"
        d="M351.039 179.797c0 50.86-41.23 92.09-92.09 92.09-26.935 0-51.124-11.549-67.977-29.944-8.464-13.919-13.317-30.246-13.317-47.738 0-50.86 41.23-92.09 92.09-92.09 26.897 0 51.124 11.549 67.977 29.944 8.464 13.919 13.317 30.245 13.317 47.738"
      ></path>
      <path
        fill="#3C2415"
        d="M272.718 216.024c-10.307 0-18.658-8.69-18.658-19.374 0-1.128.94-2.069 2.069-2.069 1.128 0 2.069.941 2.069 2.069 0 8.389 6.508 15.236 14.52 15.236s14.521-6.847 14.521-15.236c0-1.128.941-2.069 2.069-2.069s2.069.941 2.069 2.069c0 10.684-8.351 19.374-18.659 19.374M241.684 170.731c-6.132 0-11.135-5.192-11.135-11.549 0-.677.564-1.242 1.241-1.242s1.242.565 1.242 1.242c0 5.003 3.874 9.066 8.652 9.066s8.652-4.063 8.652-9.066c0-.677.564-1.242 1.242-1.242.677 0 1.241.565 1.241 1.242 0 6.395-5.003 11.549-11.135 11.549"
      ></path>
      <path
        fill="#3C2415"
        stroke="#3C2415"
        strokeMiterlimit="10"
        strokeWidth="0.295"
        d="M241.683 173.139c-7.448 0-13.542-6.245-13.542-13.957a3.65 3.65 0 0 1 3.649-3.649 3.653 3.653 0 0 1 3.649 3.649c0 3.687 2.783 6.659 6.244 6.659s6.245-3.01 6.245-6.659a3.653 3.653 0 0 1 3.649-3.649 3.653 3.653 0 0 1 3.649 3.649c-.038 7.712-6.094 13.957-13.543 13.957Z"
      ></path>
      <path
        fill="#3C2415"
        d="M307.779 174.831c-7.448 0-13.543-6.245-13.543-13.957a3.653 3.653 0 0 1 3.649-3.649 3.63 3.63 0 0 1 3.649 3.649c0 3.687 2.822 6.659 6.245 6.659 3.461 0 6.245-3.01 6.245-6.659a3.65 3.65 0 0 1 3.649-3.649 3.653 3.653 0 0 1 3.649 3.649c-.038 7.712-6.095 13.957-13.543 13.957"
      ></path>
      <motion.path
        id="sun-flares"
        fill="#F6E05E"
        animate={{
          rotate: 360,
        }}
        transition={{
          duration: 20,
          repeat: Infinity,
          ease: "linear",
        }}
        style={{
          transformOrigin: "center",
        }}
        d="M269.745 83.192c-2.294 0-4.138-.903-4.138-1.994v-37.58c0-1.092 1.844-1.995 4.138-1.995 2.295 0 4.138.903 4.138 1.994v37.581c.038 1.091-1.843 1.994-4.138 1.994M214.259 98.052c-1.994 1.128-4.026 1.316-4.59.338L190.86 65.85c-.564-.94.602-2.67 2.596-3.8 1.993-1.128 4.025-1.316 4.589-.338l18.809 32.54c.565.94-.602 2.633-2.595 3.8M173.63 138.679c-1.129 1.994-2.859 3.16-3.8 2.596l-32.54-18.809c-.94-.565-.79-2.596.339-4.59 1.128-1.994 2.859-3.16 3.799-2.596l32.54 18.81c.978.526.828 2.595-.338 4.589M158.772 194.166c0 2.295-.903 4.138-1.994 4.138h-37.581c-1.091 0-1.994-1.843-1.994-4.138s.903-4.138 1.994-4.138h37.581c1.091 0 1.994 1.844 1.994 4.138M173.632 249.654c1.128 1.994 1.316 4.025.338 4.589l-32.54 18.81c-.94.564-2.671-.602-3.799-2.596s-1.317-4.025-.339-4.59l32.54-18.809c.941-.527 2.671.64 3.8 2.596M214.259 290.282c1.993 1.128 3.16 2.859 2.595 3.799l-18.809 32.54c-.564.941-2.596.79-4.589-.338s-3.16-2.859-2.596-3.8l18.809-32.54c.564-.94 2.596-.79 4.59.339M269.745 305.179c2.295 0 4.138.903 4.138 1.993v37.581c0 1.091-1.843 1.994-4.138 1.994s-4.138-.903-4.138-1.994v-37.581c0-1.128 1.881-1.993 4.138-1.993M325.271 290.282c1.994-1.129 4.025-1.317 4.59-.339l18.809 32.54c.564.94-.602 2.671-2.596 3.799s-4.025 1.317-4.589.339l-18.81-32.54c-.564-.94.602-2.633 2.596-3.799M365.899 249.654c1.128-1.994 2.859-3.16 3.799-2.596l32.54 18.809c.941.565.79 2.596-.338 4.59s-2.859 3.16-3.8 2.596l-32.54-18.81c-.978-.526-.827-2.595.339-4.589M380.758 194.166c0-2.294.903-4.138 1.994-4.138h37.58c1.091 0 1.994 1.844 1.994 4.138 0 2.295-.903 4.138-1.994 4.138h-37.58c-1.091 0-1.994-1.843-1.994-4.138M365.898 138.679c-1.128-1.994-1.316-4.025-.338-4.589l32.54-18.81c.94-.564 2.671.602 3.799 2.596s1.317 4.025.339 4.59l-32.54 18.809c-.978.526-2.671-.602-3.8-2.596M325.271 98.051c-1.994-1.129-3.16-2.859-2.596-3.8l18.81-32.54c.564-.94 2.595-.79 4.589.34 1.994 1.128 3.16 2.858 2.596 3.799l-18.809 32.54c-.565.94-2.634.79-4.59-.339"
      />
      <motion.path
        id="clouds"
        fill="#BEE3F8"
        animate={{
          x: [-30, 30, -30],
          y: [0, 20, 0, 20, 0, 20, 0, 20, 0],
        }}
        transition={{
          duration: 40,
          repeat: Infinity,
          ease: "easeInOut",
        }}
        d="M547.865 67.635c0-17.642-14.314-31.956-31.956-31.956s-31.956 14.314-31.956 31.956v.73c-1.505-.457-3.1-.73-4.741-.73-8.844 0-16.001 7.157-16.001 16s7.157 15.956 16.001 15.956h68.653c8.844 0 15.955-7.157 15.955-15.955 0-8.844-7.157-16.001-15.955-16.001M64.004 332.161c0-13.357-10.805-24.161-24.161-24.161s-24.161 10.804-24.161 24.161v.547a11.7 11.7 0 0 0-3.602-.547c-6.655 0-12.08 5.425-12.08 12.08s5.425 12.081 12.08 12.081h51.924c6.655 0 12.08-5.425 12.08-12.081s-5.38-12.08-12.08-12.08M544.538 361.896c-2.051 0-4.011.319-5.88.912-5.653-7.795-14.771-12.855-25.119-12.855a30.87 30.87 0 0 0-25.118 12.855 19.3 19.3 0 0 0-5.881-.912c-10.53 0-19.055 8.525-19.055 19.055 0 10.531 8.525 19.056 19.055 19.056a19.3 19.3 0 0 0 5.881-.912c5.653 7.795 14.77 12.855 25.118 12.855a30.87 30.87 0 0 0 25.119-12.855c1.869.593 3.829.912 5.88.912 10.531 0 19.055-8.525 19.055-19.056 0-10.53-8.524-19.055-19.055-19.055M55.029 8.087c-1.231 0-2.462.182-3.602.547C47.964 3.847 42.357.747 36.066.747c-6.337 0-11.944 3.1-15.363 7.887a11.7 11.7 0 0 0-3.601-.547c-6.428 0-11.67 5.242-11.67 11.67 0 6.427 5.242 11.67 11.67 11.67 1.23 0 2.462-.183 3.601-.547 3.465 4.786 9.072 7.886 15.363 7.886 6.336 0 11.944-3.1 15.363-7.886 1.14.364 2.324.547 3.6.547 6.429 0 11.671-5.243 11.671-11.67 0-6.428-5.242-11.67-11.67-11.67"
      />
    </svg>
  );
}
